import axios from 'axios'
import type { AxiosInstance, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
import { message } from 'ant-design-vue'

const service: AxiosInstance = axios.create({
  baseURL: import.meta.env.VITE_API_BASE_URL,
  timeout: 50000,
})

// 在axios实例创建后添加验证
console.log('当前API基础地址:', import.meta.env.VITE_API_BASE_URL)

// 请求拦截器
service.interceptors.request.use(
  (config: InternalAxiosRequestConfig) => {
    return config
  },
  (error) => {
    return Promise.reject(error)
  },
)

// 响应拦截器
service.interceptors.response.use(
  (response: AxiosResponse) => {
    const { data } = response

    // 调试日志
    console.log('API Response:', {
      status: response.status,
      data: data,
      url: response.config.url,
    })

    // 只有当状态码不是200时才拦截
    if (data.code !== 200) {
      message.error(data.message || '请求失败')
      return Promise.reject(new Error(data.message || '请求失败'))
    }

    return response
  },
  (error) => {
    console.error('API Error:', error.response || error)
    const errMsg = error.response?.data?.message || error.message || '网络请求失败'
    message.error(errMsg)

    // 处理特定的HTTP状态码
    if (error.response?.status === 403) {
      // 处理权限不足的情况
      window.location.href = '/403'
    } else if (error.response?.status === 500) {
      // 处理服务器错误
      console.error('服务器内部错误:', error)
    }
    return Promise.reject(error)
  },
)

export default service
